@media screen and (min-width:2000px) {
	/*	.container {
		width: 80%;
		max-width: none;
	}
	#ft .container {
		max-width: none;
	}*/
	.open #gnb:before {
		width: 300%;
		left: -150%;
	}

	.home-products-list {
		height: auto;
	}
}

@media screen and (min-width: 1600px) {
}

@media screen and (max-width: 1600px) {
	.share-box {
		left: 30px;
	}
}

@media screen and (max-width: 1400px) {
	.home-product-bg h1 {
		padding-top: 150px;
	}

	.home-product-box {
		margin-top: 80px;
	}

	.breadcrumb-item a {
		padding: 0px 40px;
	}

	.pro-list .swiper-button-prev {
		left: 0px;
	}

	.pro-list .swiper-button-next {
		right: 0px;
	}

	.share-box {
		left: 15px;
	}
}

@media screen and (max-width: 1280px) {
	.ft-ewm {
		margin-left: 40px;
	}
}

@media screen and (min-width:1200px) {
	.portfolio-swiper {
		overflow: visible;
	}
}

@media screen and (max-width: 1200px) {
	.home-products-list .swiper-slide .link .tit {
		font-size: 35px;
		line-height: 50px;
	}

	.breadcrumb-item a {
		padding: 0px 30px;
	}

	.ft-info, .ft-ewm, .ft-side {
		width: 100%;
		text-align: center;
		margin-left: 0px;
	}

	.fnb {
		display: initial;
	}

	.ft-ewm {
		margin-top: 20px;
	}

		.ft-ewm ul {
			display: inline-block;
		}

	#brand .pinpai-bg {
		height: auto;
	}

	.pro-list ul li {
		margin-top: 70px;
	}
}

@media screen and (max-width: 1100px) {
	.home-product-bg h1 {
		padding-top: 120px;
	}

	.home-product-box {
		margin-top: 60px;
	}

	.cases-box .cases-list .cases-item {
		padding: 40px 20px;
	}
}

@media screen and (max-width: 1024px) {
	.home-product-bg h1 {
		padding-top: 100px;
	}

	.home-product-box {
		margin-top: 50px;
	}

	.home-products-list .swiper-slide .link {
		top: 50%;
	}

		.home-products-list .swiper-slide .link .tit {
			font-size: 35px;
		}

	.home-products-list {
		width: 150%;
		margin-left: -25%;
	}

		.home-products-list .swiper-slide .link {
			top: initial;
			left: 20px;
			bottom: 20px;
		}

	.home-product-page {
		left: initial;
		top: initial;
		right: 25%;
		bottom: 20px;
	}

	.home-product-bg {
		padding-bottom: 80px;
	}

	.bg-font {
		display: none;
	}

	.breadcrumb-item a {
		padding: 0px 20px;
	}

	.pro-list ul li {
		margin-top: 50px;
	}

	.detail {
		padding: 50px 0px;
	}

	.pro-list ul li .pro-img {
		margin-top: 40px;
	}

	.pro-list ul li h3 {
		font-size: 18px;
	}

	.portfolio-txt {
		padding: 2rem 1.389rem;
		box-shadow: 0px 0.8rem 1.111rem rgba(0,0,0,.15);
	}

	.news-box .portfolio-wrap {
		padding: 2.222rem 1.111rem 0;
	}

	.bg_logo::after {
		display: none;
	}

	.answer-list ul li {
		padding: 0px 80px;
	}

	.cases-list .cases-item .h3 {
		margin: 20px 0px;
	}

	.map-list {
		height: auto;
	}

		.map-list .map {
			width: 100%;
			height: 500px;
		}

		.map-list .address {
			width: 100%;
		}
}

@media screen and (max-width: 768px) {
	.home-products-list .swiper-slide .link .tit {
		font-size: 25px;
		line-height: 30px;
	}

	.home-product-bg h1 {
		padding-top: 50px;
		font-size: 30px;
	}

	.home-product-box {
		margin-top: 20px;
	}

	.home-product-bg {
		padding-bottom: 50px;
	}

	.home-product-page {
		height: 60px;
		font-size: 30px;
		line-height: 30px;
	}

	.breadcrumb-item a {
		padding: 0px 10px;
	}

	.about-tit {
		font-size: 30px;
		line-height: 40px;
		padding: 0px;
	}

	.wh-list {
		margin-top: 30px;
	}

	.about-video2 img {
		padding: 30px 0px;
	}


	.video-pop .pop-box {
		width: 100%;
		height: 100%;
	}

		.video-pop .pop-box .close {
			z-index: 9;
			top: 15px;
			right: 15px;
		}

	.image-pop .pop-box {
		width: 100%;
		height: 100%;
	}

		.image-pop .pop-box .close {
			z-index: 9;
			top: 15px;
			right: 15px;
		}

	.image-pop .btn {
		width: 30px;
		height: 30px;
	}

		.image-pop .btn img {
			width: 10px;
		}

	.page-item {
		padding: 10px 0px;
	}

		.page-item .news-prev {
			width: 100%;
		}

		.page-item .news-next {
			width: 100%;
			text-align: left;
		}

	.detail .pro-list {
		padding-top: 50px;
	}

	.breadcrumb-item {
		width: 20%;
		border-bottom: 1px solid rgba(255,255,255,.2);
		text-align: center;
	}

	.news-box {
		padding-top: 50px;
		padding-bottom: 30px;
	}

	.portfolio-wrap {
		padding: 50px 10px;
	}

	.news-list {
		padding: 60px 0px;
	}

	.news-box .portfolio-image {
		text-align: right;
		padding: 0px;
	}

	.news-list ul li {
		padding: 20px 0px;
	}

	.news-list h3 {
		padding: 10px 0px;
	}

	.news-box .portfolio-txt {
		padding: 2rem 1.389rem;
		box-shadow: 0px 0.8rem 1.111rem rgba(0,0,0,.15);
	}

	.cases-box .left-box, .cases-box .right-box {
		width: 100%;
	}

	.cases-box .cases-img {
		padding: 0px;
	}

		.cases-box .cases-img img {
			display: block;
			width: 100%;
		}

	.cases-txt {
		max-width: initial;
	}

	.cases-txt {
		padding: 40px 20px;
	}

	.map-list .map {
		height: 400px;
	}

	.pro-list ul li {
		margin-top: 30px;
	}
	.visual-swiper .swiper-slide video {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.home-product-box::before {
		display: none;
	}

	.home-products-list {
		width: 100%;
		margin-left: 0px;
	}

	.home-product-box {
		padding-left: 1.429rem;
		padding-right: 1.429rem;
	}

	.home-products-list .swiper-slide .link {
		left: 20px;
	}

	.home-product-page {
		right: 20px;
	}

	.breadcrumb-item a:link, .breadcrumb-item a:visited {
		color: #fff;
	}

	.breadcrumb-item:first-child {
		display: none;
	}

	.breadcrumb-item {
		width: 25%;
		border-bottom: 1px solid rgba(255,255,255,.2);
		text-align: center;
	}

		.breadcrumb-item .dropdown > a {
			display: block;
			font-size: 14px;
		}

		.breadcrumb-item > a {
			width: 100%;
			font-size: 14px;
		}

		.breadcrumb-item button {
			display: none;
		}

	.icon-home {
		width: 100%;
	}

	.sub-header {
		padding: 20px;
	}

	.more-bt {
		width: 80%;
	}

	.dropdown {
		width: 100%;
	}

	.pro-list {
		padding: 20px 0px;
	}

		.pro-list ul li .pro-img {
			margin-top: 30px;
		}

		.pro-list ul li h3 {
			font-size: 18px;
		}

		.pro-list ul li h6 {
			margin-top: 10px;
		}

	.detail {
		padding: 30px 0px;
	}

		.detail h1.tit {
			font-size: 30px;
			line-height: 35px;
			padding: 10px;
		}

	.pro-swiper {
		margin-top: 20px;
	}

	.detail .pro-swiper {
		padding: 30px 0px;
	}

	.detail .ny-content {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.detail .con-tit {
		font-size: 20px;
	}

	.detail .pro-list {
		padding-top: 30px;
	}

	#news-contents {
		padding: 30px 0px;
		margin-top: 30px;
	}

	.news-box .title {
		font-size: 30px;
		line-height: 40px;
	}

	.about-contents {
		padding: 30px 0px;
	}

	.down-list ul li .down-item {
		padding: 30px 20px;
	}

	.down-list ul li h6 {
		font-size: 16px;
		line-height: 25px;
		height: auto;
		white-space: initial;
		text-overflow: initial;
	}

	.answer-list ul li {
		padding: 0px 0px 0px 30px;
		height: 50px;
	}

	.answer-list {
		margin-top: 20px;
		margin-bottom: 40px;
	}

		.answer-list ul li a {
			height: 48px;
			line-height: 48px;
			font-size: 16px;
			font-weight: initial;
		}

		.answer-list ul li .fa {
			height: 48px;
			line-height: 48px;
		}

		.answer-list ul li .fa-commenting {
			font-size: 20px;
		}

		.answer-list ul li .fa-long-arrow-right {
			display: none;
		}

	.answer-box h1.tit {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.answer-list ul li a::before, .answer-list ul li a::after {
		display: none;
	}

	.answer-box {
		padding-bottom: 40px;
	}

	.down-box .more-bt {
		margin-top: 40px;
	}

	.down-box {
		padding-bottom: 40px;
	}

	.cases-box h1.tit {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.cases-box {
		padding-bottom: 40px;
	}

	.contact-box .tit {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.map-list .map {
		height: 300px;
	}

	.map-list .address {
		padding: 40px;
		line-height: 30px;
	}

		.map-list .address .text-2 {
			font-size: 18px;
			font-weight: bold;
		}

	.ewm-box {
		padding-top: 50px;
		padding-bottom: 50px;
		background: #111;
	}

	.ewm-list ul li .ewm-item {
		height: auto;
	}

	.main-pr .display-3, .main-pr .h1 {
		font-size: 20px;
	}

	.visual-swiper .h1 {
		font-size: 30px;
	}

	.home-products-list {
		height: auto;
	}

	#content {
		padding-top: 50px;
	}

	.share-box {
		display: none;
	}

	.cases-txt {
		padding: 20px;
	}

	[class*=txt-line] {
		/* height: initial; */
		line-height: 25px;
		font-size: 18px;
	}

	.cases-box .cases-list .cases-item {
		padding: 20px;
	}

	iframe {
		max-height: 300px;
	}

	.portfolio-swiper .swiper-slide {
		padding-bottom: 0px;
	}
}

@media screen and (max-width: 576px) {
	.pro-list ul li {
		border-left: 0px;
		border-bottom: 1px solid #cfcfcf;
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 400px) {
	.breadcrumb-item {
		width: 25%;
	}

	.map-list {
		margin-top: 10px;
	}

		.map-list .address {
			padding: 20px;
		}

	.ft-side {
		margin-top: 0px;
	}
}